
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Leantime精简项目管理工具 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>Leantime精简项目管理工具 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">Leantime项目管理系统的主要目标用户是谁？它旨在解决这类用户面临的什么核心问题？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime的主要目标用户是小型团队、初创企业、个体用户以及非专业的项目经理。它旨在解决主流项目管理工具（如Jira或Trello）界面复杂、学习曲线陡峭、功能冗余以及对神经多样性用户（如ADHD患者）造成认知负担等问题。</div>
          </div>
          <div class="card-source">来源: 文档中「它能解决什么问题？」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">Leantime在设计上如何特别满足神经多样性用户的需求？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime通过采用极简设计、直观界面和视觉线索（如使用表情符号表示优先级）来减少用户的认知负荷，这对于ADHD、孤独症和阅读障碍等神经多样性用户特别有帮助，使他们能更好地保持专注和动力。</div>
          </div>
          <div class="card-source">来源: 文档中「优势与特色」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">功能</div>
          <div class="card-question">文档中提到了Leantime的四个核心功能模块，请简要概括它们。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">功能</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime的四个核心功能模块是：1. 灵活的任务管理视图（看板、表格、列表）；2. 目标导向的规划（里程碑与甘特图）；3. 创意与知识管理（内置白板和文档整合）；4. 时间跟踪与报告（仪表板与工时报告）。</div>
          </div>
          <div class="card-source">来源: 文档中「核心功能概述」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">Leantime的开源许可、成本模型和高级功能获取方式是怎样的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime基于AGPLv3开源许可，核心功能完全免费。部分高级功能（如自定义字段或AI）通过付费插件提供。此外，它还有一个SaaS版本，但具体定价需联系官方获取。</div>
          </div>
          <div class="card-source">来源: 文档中「优势与特色」和「使用门槛与成本」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">如果选择自托管Leantime，有哪些技术要求？文档推荐了哪种安装方式来降低技术门槛？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">自托管Leantime需要PHP 8.0+、MySQL以及cURL、PDO等PHP扩展。文档推荐使用Docker进行部署，因为它可以克隆预配置的仓库并使用`docker-compose`一键启动，从而显著降低技术门槛。</div>
          </div>
          <div class="card-source">来源: 文档中「使用门槛与成本」和「上手指南」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">相比于其他项目管理工具，Leantime有哪些主要的局限性？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime的主要局限性包括：缺乏原生的Git集成，对软件开发团队可能不便；部分高级功能需要通过付费插件获得；界面设计虽然简洁，但与Asana等商业工具相比可能显得较为朴素。</div>
          </div>
          <div class="card-source">来源: 文档中「优势与特色」的“局限性”部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">功能</div>
          <div class="card-question">Leantime如何帮助用户将日常任务与长期战略目标对齐？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">功能</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime通过其“目标导向的规划”功能来实现这一点。用户可以创建里程碑和目标面板，并将具体的任务与时间线或甘特图相关联，从而确保日常工作始终服务于项目的长期战略目标。</div>
          </div>
          <div class="card-source">来源: 文档中「核心功能概述」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">Leantime如何简化从“创意构思”到“任务执行”的工作流程？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Leantime通过内置的白板和文档整合功能（支持Google或Microsoft文档），让团队可以直接在系统内进行头脑风暴和思维导图。这些创意和知识可以被集中存储，并轻松地转化为可执行的任务，从而简化了从创意到执行的整个流程。</div>
          </div>
          <div class="card-source">来源: 文档中「核心功能概述」部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">对于手动安装Leantime的用户，完成文件部署后的下一步是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">手动安装用户在将文件解压到服务器并配置好`.env`文件后，下一步需要通过浏览器访问`<yourdomain.com>/install`来启动安装向导，并根据向导提示完成数据库配置和管理员账户的创建。</div>
          </div>
          <div class="card-source">来源: 文档中「上手指南」部分</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
